body{ background: #efefef; }
.user{ width: 100%; height: 60px; background: #1eb0a5; line-height: 60px; }
.head{ width: 50px; height: 50px; border-radius: 50%; background: #fff; position: relative; top: 5px; left: 5px; float: left; }
.head img{ width: 50px; height: 50px; border-radius: 50%; }
.book-name{ text-align: center; font-size: 15px; font-weight: bold; color:#fff; margin-right: 50px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.top{ margin-top: 20px; background: #fff; height: 35px; line-height: 35px; border-bottom: 1px solid #efefef; }
.top .date{ float: left; margin-left: 10px; }
.top .weather{ float: right; margin-right: 10px; }
.panel{ background: #fff; box-shadow: 0 1px 1px 0 #666; }
.content{ text-indent: 2em; padding: 10px 5px; line-height: 20px; }
.reply{ line-height: 25px; background: #fff; height: 25px; text-align: center; width: 60%; border-top: 1px solid #efefef; margin: 0 20%; display: block; }